# -*- mode: snippet; require-final-newline: nil -*-
# name: gentle center
# key: gc
# --
/* https://web.dev/centering-in-css */
/* Only handles alignment, direction, and distribution */
/* Edits and maintenance are all in one spot */
/* Gap guarantees equal spacing amongst n children */
/* Great for both macro and micro layouts */

.body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}
